<style type="text/css">
  .Truncate{
    overflow: visible;
    white-space: nowrap;
  }
  .highlight:link{
    text-decoration: none;
  }
  .highlight:visited{
    text-decoration: none;
  }
  .highlight:hover{ /*hover state CSS*/
    color: white;
    background: black;
    cursor: pointer;
  }
  .highlight:hover div{ /*hover state CSS*/
    color: white;
    background: black;
    cursor: pointer;
  }
  .highlight2{
    text-decoration: none;
    color: white;
    background: #007F00;
    font-weight: bold;
  }
  .highlight2 div{
    text-decoration: none;
    color: white;
    background: #007F00;
    font-weight: bold;
  }
</style>
<link rel="StyleSheet" href="/dtree/dtree.css" type="text/css" />
<script type="text/javascript" src="/dtree/dtree.js"></script>
<table width="100%">
  <tr>
    <td height="400px" valign="top">
      <b>Your Projects</b><br/>
      <div style="width:200px; height:350px; overflow:scroll; border: 1px solid gray; padding: 5px;">

        <div class="dtree">
          <a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a>
          <script type="text/javascript">
            <!--
            <%=construct_dtree(@all_projects)%>
            //-->
          </script>
        </div>
      </div>
    </td>
  </tr>
  <tr>
    <td height="200px" valign="top">
      <b>Searched Projects</b><br/>
      <div style="width:200px; height:170px; overflow:scroll; border: 1px solid gray; padding: 5px;">
        <%if session[:secret_search]%>
        <div class="dtree2">
          <script type="text/javascript">
            <!--
            <%=construct_dtree2(session[:secret_search])%>
            //-->
          </script>
        </div>
        <%end%>
      </div>
    </td>
  </tr>
</table>